<!DOCTYPE html>
<html lang="zxx" class="js">
<!-- Mirrored from demo.themenio.com/tokenwiz/buttons.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Nov 2018 21:15:32 GMT -->

<head>
    <meta charset="utf-8">
    <meta name="author" content="Softnio">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Fully featured and complete ICO Dashboard template for ICO backend management.">
    <!-- Fav Icon -->
    <link rel="shortcut icon" href="images/favicon.png">
    <!-- Site Title  -->
    <title>TokenWiz - ICO User Dashboard Admin Template</title>
    <!-- Vendor Bundle CSS -->
    <link rel="stylesheet" href="assets/css/vendor.bundlea5f5.css?ver=102">
    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="assets/css/stylea5f5.css?ver=102" id="layoutstyle">
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o), m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '../../www.google-analytics.com/analytics.js', 'ga');
        ga('create', 'UA-91615293-2', 'auto');
        ga('send', 'pageview');

    </script>
</head>

<body class="page-user demo-element">
    <div class="topbar-wrap">
        <div class="topbar is-sticky">
            <div class="container">
                <div class="d-flex justify-content-between align-items-center">
                    <ul class="topbar-nav d-lg-none">
                        <li class="topbar-nav-item relative">
                            <a class="toggle-nav" href="#">
                                <div class="toggle-icon">
                                    <span class="toggle-line"></span>
                                    <span class="toggle-line"></span>
                                    <span class="toggle-line"></span>
                                    <span class="toggle-line"></span>
                                </div>
                            </a>
                        </li>
                        <!-- .topbar-nav-item -->
                    </ul>
                    <!-- .topbar-nav -->
                    <a class="topbar-logo" href="index.html">
                        <img src="images/logo-light2x.png" srcset="images/logo-light2x.png 2x" alt="logo">
                    </a>
                    <ul class="topbar-nav">
                        <li class="topbar-nav-item relative">
                            <span class="user-welcome d-none d-lg-inline-block">Welcome! Stefan Harary</span>
                            <a class="toggle-tigger user-thumb" href="#">
                                <em class="ti ti-user"></em>
                            </a>
                            <div class="toggle-class dropdown-content dropdown-content-right dropdown-arrow-right user-dropdown">
                                <div class="user-status">
                                    <h6 class="user-status-title">Token balance</h6>
                                    <div class="user-status-balance">12,000,000
                                        <small>TWZ</small>
                                    </div>
                                </div>
                                <ul class="user-links">
                                    <li>
                                        <a href="profile.html">
                                            <i class="ti ti-id-badge"></i>My Profile</a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="ti ti-infinite"></i>Referral</a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="ti ti-eye"></i>Activity</a>
                                    </li>
                                </ul>
                                <ul class="user-links bg-light">
                                    <li>
                                        <a href="sign-in.html">
                                            <i class="ti ti-power-off"></i>Logout</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!-- .topbar-nav-item -->
                    </ul>
                    <!-- .topbar-nav -->
                </div>
            </div>
            <!-- .container -->
        </div>
        <!-- .topbar -->
        <div class="navbar">
            <div class="container">
                <div class="navbar-innr">
                    <ul class="navbar-menu">
                        <li>
                            <a href="index-2.html">
                                <em class="ikon ikon-dashboard"></em> Dashboard</a>
                        </li>
                        <li>
                            <a href="buy-token.html">
                                <em class="ikon ikon-coins"></em> Buy Tokens</a>
                        </li>
                        <li>
                            <a href="ico-distribution.html">
                                <em class="ikon ikon-distribution"></em> ICO Distribution</a>
                        </li>
                        <li>
                            <a href="transactions.html">
                                <em class="ikon ikon-transactions"></em> Transactions</a>
                        </li>
                        <li>
                            <a href="profile.html">
                                <em class="ikon ikon-user"></em> Profile</a>
                        </li>
                        <li class="has-dropdown page-links-all">
                            <a class="drop-toggle" href="#">
                                <em class="ikon ikon-exchange"></em> Pages</a>
                            <ul class="navbar-dropdown">
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">UI Elements</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="form-elements.html">Form Elements</a>
                                        </li>
                                        <li>
                                            <a href="form-layout.html">Form Layout</a>
                                        </li>
                                        <li>
                                            <a href="buttons.html">Button</a>
                                        </li>
                                        <li>
                                            <a href="badges.html">Badge</a>
                                        </li>
                                        <li>
                                            <a href="tabs.html">Tabs</a>
                                        </li>
                                        <li>
                                            <a href="accordions.html">Accordions</a>
                                        </li>
                                        <li>
                                            <a href="modals.html">Modals</a>
                                        </li>
                                        <li>
                                            <a href="alerts.html">Alerts</a>
                                        </li>
                                        <li>
                                            <a href="alert-toastr.html">Toastr Alerts</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">Misc Pages</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="404-error.html">404 Error</a>
                                        </li>
                                        <li>
                                            <a href="sign-in.html">Sign In / Login</a>
                                        </li>
                                        <li>
                                            <a href="sign-up.html">Sign Up / Registration</a>
                                        </li>
                                        <li>
                                            <a href="signup-success.html">Signup Success</a>
                                        </li>
                                        <li>
                                            <a href="email-verified.html">Email Verified</a>
                                        </li>
                                        <li>
                                            <a href="forgot.html">Forgot Password</a>
                                        </li>
                                        <li>
                                            <a href="faq-page.html">Faq Page</a>
                                        </li>
                                        <li>
                                            <a href="regular-page.html">Regular Page - v1</a>
                                        </li>
                                        <li>
                                            <a href="regular-page-v2.html">Regular Page - v2</a>
                                        </li>
                                        <li>
                                            <a href="_blank.html">Blank Page</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">KYC / AML</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="kyc-application.html">KYC Default</a>
                                        </li>
                                        <li>
                                            <a href="kyc-form.html">KYC Form</a>
                                        </li>
                                        <li>
                                            <a href="kyc-thank-you.html">KYC Thank You</a>
                                        </li>
                                        <li>
                                            <a href="kyc-list.html">KYC Lists - Admin</a>
                                        </li>
                                        <li>
                                            <a href="kyc-details.html">KYC Details - Admin</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">User Pages</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="profile.html">Profile Page</a>
                                        </li>
                                        <li>
                                            <a href="user-list.html">User List - Admin</a>
                                        </li>
                                        <li>
                                            <a href="user-details.html">User Details - Admin</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">Transactions</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="transactions.html">Transactions - User</a>
                                        </li>
                                        <li>
                                            <a href="admin-transactions.html">Transactions - Admin</a>
                                        </li>
                                        <li>
                                            <a href="transaction-details.html">Transaction Details</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">Token Purchase</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="buy-token.html">Buy Token - Modern</a>
                                        </li>
                                        <li>
                                            <a href="buy-token-s2.html">Buy Token - Simple</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="email-templates.html">Email Templates
                                        <span class="badge badge-success">Free</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="navbar-btns">
                        <li>
                            <a href="kyc-application.html" class="btn btn-sm btn-outline btn-light">
                                <em class="text-primary ti ti-files"></em>
                                <span>KYC Application</span>
                            </a>
                        </li>
                        <li class="d-none">
                            <span class="badge badge-outline badge-success badge-lg">
                                <em class="text-success ti ti-files mgr-1x"></em>
                                <span class="text-success">KYC Approved</span>
                            </span>
                        </li>
                    </ul>
                </div>
                <!-- .navbar-innr -->
            </div>
            <!-- .container -->
        </div>
        <!-- .navbar -->
    </div>
    <!-- .topbar-wrap -->
    <div class="page-content">
        <div class="container">
            <div class="content-area card">
                <div class="card-innr">
                    <div class="card-head">
                        <h6 class="card-title">Buttons Style</h6>
                    </div>
                    <div class="gaps-1x"></div>
                    <!-- .gaps -->
                    <div class="row align-items-center guttar-vr-20px">
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-light">Light</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-lighter">Lighter</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-dark">Dark</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-primary">Primary</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-secondary">Secondary</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-success">Success</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-warning">Warning</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-danger">Danger</a>
                        </div>
                    </div>
                    <div class="hr"></div>
                    <div class="card-head">
                        <h6 class="card-title">Buttons Alternet Style</h6>
                    </div>
                    <div class="gaps-1x"></div>
                    <!-- .gaps -->
                    <div class="row align-items-center guttar-vr-20px">
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-light-alt">Light</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-lighter-alt">Lighter</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-dark-alt">Dark</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-primary-alt">Primary</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-secondary-alt">Secondary</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-success-alt">Success</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-warning-alt">Warning</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-danger-alt">Danger</a>
                        </div>
                    </div>
                    <div class="hr"></div>
                    <div class="card-head">
                        <h6 class="card-title">Buttons Outline</h6>
                    </div>
                    <div class="gaps-1x"></div>
                    <!-- .gaps -->
                    <div class="row align-items-center guttar-vr-20px">
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-outline btn-light">Light</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-outline btn-lighter">Lighter</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-outline btn-dark">Dark</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-outline btn-primary">Primary</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-outline btn-secondary">Secondary</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-outline btn-success">Success</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-outline btn-warning">Warning</a>
                        </div>
                        <div class="col-6 col-lg-3">
                            <a href="#" class="btn btn-outline btn-danger">Danger</a>
                        </div>
                    </div>
                    <div class="hr"></div>
                    <div class="card-head">
                        <h6 class="card-title">Button Size</h6>
                    </div>
                    <div class="gaps-1x"></div>
                    <!-- .gaps -->
                    <div class="d-flex flex-wrap align-items-end guttar-20px guttar-vr-20px">
                        <div class="flex-col">
                            <span class="btn btn-xl btn-primary btn-auto">Extra Large</span>
                        </div>
                        <div class="flex-col">
                            <span class="btn btn-lg btn-primary btn-auto">Large</span>
                        </div>
                        <div class="flex-col">
                            <span class="btn btn-primary btn-auto">Regular</span>
                        </div>
                        <div class="flex-col">
                            <span class="btn btn-sm btn-primary btn-auto">Small</span>
                        </div>
                        <div class="flex-col">
                            <span class="btn btn-xs btn-primary btn-auto">Extra Small</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- .card -->
        </div>
        <!-- .container -->
    </div>
    <!-- .page-content -->
    <div class="footer-bar">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-md-8">
                    <ul class="footer-links">
                        <li>
                            <a href="#">Whitepaper</a>
                        </li>
                        <li>
                            <a href="faq-page.html">FAQs</a>
                        </li>
                        <li>
                            <a href="regular-page.html">Privacy Policy</a>
                        </li>
                        <li>
                            <a href="regular-page.html">Terms of Condition</a>
                        </li>
                    </ul>
                </div>
                <!-- .col -->
                <div class="col-md-4 mt-2 mt-sm-0">
                    <div class="d-flex justify-content-between justify-content-md-end align-items-center guttar-25px pdt-0-5x pdb-0-5x">
                        <div class="copyright-text">&copy; 2018 TokenWiz.</div>
                        <div class="lang-switch relative">
                            <a href="#" class="lang-switch-btn toggle-tigger">En
                                <em class="ti ti-angle-up"></em>
                            </a>
                            <div class="toggle-class dropdown-content dropdown-content-up">
                                <ul class="lang-list">
                                    <li>
                                        <a href="#">Fr</a>
                                    </li>
                                    <li>
                                        <a href="#">Bn</a>
                                    </li>
                                    <li>
                                        <a href="#">Lt</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- .col -->
            </div>
            <!-- .row -->
        </div>
        <!-- .container -->
    </div>
    <!-- .footer-bar -->
    <!-- JavaScript (include all script here) -->
    <script src="assets/js/jquery.bundlea5f5.js?ver=102"></script>
    <script src="assets/js/scripta5f5.js?ver=102"></script>
</body>
<!-- Mirrored from demo.themenio.com/tokenwiz/buttons.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Nov 2018 21:15:32 GMT -->

</html>
